@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}body{margin:0;font-family:"Noto Serif SC","Source Han Serif",Songti SC,serif;background:#000;color:#e0e0e0;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}button,input,textarea,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,rgba(60,60,80,.15) 0%,transparent 60%);pointer-events:none;z-index:0}.bg-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:1}.container{position:relative;width:100%;height:100%;z-index:2}.header{text-align:center;padding:3rem 0 2rem;position:relative;z-index:10}.title{font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:#f0f0f0;letter-spacing:.3em;margin-bottom:.5rem;font-family:Cinzel,"Noto Serif SC",serif}.subtitle{font-size:clamp(.8rem,1.5vw,1rem);color:#888;letter-spacing:.8em;opacity:.7;font-weight:300;font-family:Arial,sans-serif}.start-screen{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.start-content{max-width:600px;text-align:center}.game-desc{font-size:1rem;line-height:2;color:#aaa;margin-bottom:3rem;font-weight:300}.start-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:transparent;color:#fff;font-size:1.1rem;padding:.9rem 2.5rem;border:1px solid #fff;border-radius:2px;cursor:pointer;transition:all .3s ease;font-weight:300;letter-spacing:.2em;font-family:Noto Sans SC,sans-serif}.btn-primary:hover{background:#ffffff1a;box-shadow:0 0 20px #fff3}.btn-primary:active{transform:scale(.98);background:#ffffff26}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;color:#aaa;font-size:1rem;padding:.8rem 2rem;border:1px solid #555;border-radius:2px;cursor:pointer;transition:all .3s ease;font-weight:300;letter-spacing:.15em;font-family:Noto Sans SC,sans-serif}.btn-secondary:hover{background:#ffffff0d;border-color:#888;color:#ccc}.btn-secondary:active{transform:scale(.98);background:#ffffff14}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.character-creation-screen{width:100%;height:100vh;overflow-y:auto;padding-bottom:2rem}.creation-content{display:flex;justify-content:center;padding:2rem;min-height:calc(100vh - 200px)}.creation-form{max-width:900px;width:100%}.form-section{margin-bottom:2.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#f0f0f0;margin-bottom:1rem;font-weight:400;letter-spacing:.05em}.label-icon{font-size:1.3rem}.form-input,.form-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#e0e0e0;font-size:1rem;padding:.9rem 1.2rem;font-family:Noto Sans SC,sans-serif;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#fff6;background:#ffffff14}.form-textarea{resize:vertical;min-height:100px}.form-hint{margin-top:.6rem;font-size:.85rem;color:#777;font-style:italic}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.theme-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.theme-card:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.theme-card:active{transform:translateY(0) scale(.98)}.theme-card.selected{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 15px #fff3}.theme-label{font-size:1rem;color:#f0f0f0;font-weight:500;margin-bottom:.5rem;letter-spacing:.03em}.theme-description{font-size:.85rem;color:#999;line-height:1.4}.creation-actions{display:flex;gap:1rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.loading-container{margin-top:2rem}.loading-text{font-size:.9rem;color:#888;margin-bottom:1rem;font-weight:300}.progress-bar{width:100%;height:1px;background:#ffffff1a;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:#fff;transition:width .3s ease}.loading-hint{font-size:.75rem;color:#666;font-style:italic}.error-msg{margin-top:1.5rem;padding:1rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:2px;color:#ef4444;font-size:.85rem;line-height:1.6}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.spinner{width:40px;height:40px;border:1px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-subtext{margin-top:1rem;color:#666;font-size:.85rem}.immersive-layout{width:100vw;height:100vh;display:grid;grid-template-columns:280px 1fr 300px;grid-template-rows:1fr 280px;gap:0;background:#000;position:relative}.action-panel{grid-column:1;grid-row:1;background:#000000f2;border-right:1px solid rgba(255,255,255,.08);padding:30px 20px;overflow-y:auto}.action-list{display:flex;flex-direction:column;gap:12px}.action-option{background:transparent;border:1px solid rgba(255,255,255,.15);color:#e0e0e0;padding:14px 18px;font-size:14px;text-align:left;cursor:pointer;transition:all .25s ease;border-radius:0;font-family:Noto Sans SC,sans-serif;font-weight:300;display:flex;justify-content:space-between;align-items:center;position:relative}.action-option:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:#ffffff08;transition:width .25s ease}.action-option:hover{border-color:#ffffff59;background:#ffffff05}.action-option:active{transform:scale(.98);background:#ffffff0d}.action-option:hover:before{width:3px}.option-text{flex:1;line-height:1.5}.risk-badge{font-size:11px;padding:3px 8px;border-radius:2px;font-weight:400;opacity:.7;margin-left:10px}.risk-badge.risk-high{border:1px solid rgba(239,68,68,.5);color:#ef4444}.risk-badge.risk-medium{border:1px solid rgba(234,179,8,.5);color:#eab308}.risk-badge.risk-low{border:1px solid rgba(34,197,94,.5);color:#22c55e}.action-loading{display:flex;align-items:center;gap:10px;padding:20px;color:#888;font-size:13px;justify-content:center}.loading-dot{width:6px;height:6px;border-radius:50%;background:#888;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.stage-area{grid-column:2;grid-row:1;background:linear-gradient(180deg,#0a0a0a,#000);position:relative;overflow:hidden}.scene-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center top,rgba(40,40,60,.15),transparent 60%)}.scene-ambient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(60,60,100,.08),transparent 50%);animation:ambientShift 10s ease-in-out infinite}@keyframes ambientShift{0%,to{opacity:.3}50%{opacity:.6}}.scene-info{position:absolute;top:20px;left:20px;z-index:10}.location-tag{font-size:12px;color:#ffffff80;padding:6px 12px;border:1px solid rgba(255,255,255,.15);border-radius:2px;backdrop-filter:blur(10px);background:#0000004d}.character-stage{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:500px;height:600px;display:flex;align-items:flex-end;justify-content:center}.character-portrait-main,.portrait-frame{width:100%;height:100%;position:relative}.portrait-image{width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(100,100,120,.05) 100%);border:1px solid rgba(255,255,255,.1);border-bottom:none;display:flex;align-items:center;justify-content:center}.portrait-placeholder-text{color:#fff3;font-size:14px;font-weight:300}.character-emotion{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.emotion-tag{font-size:12px;color:#fff9;padding:4px 10px;background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:2px;backdrop-filter:blur(10px)}.character-info-panel{grid-column:3;grid-row:1;background:#000000f2;border-left:1px solid rgba(255,255,255,.08);padding:25px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.character-header{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:20px}.character-name{font-size:18px;font-weight:400;color:#f0f0f0;margin-bottom:15px;letter-spacing:.05em}.relationship-status{display:flex;align-items:center;gap:10px;margin-bottom:12px}.status-label{font-size:11px;color:#888;min-width:40px;font-weight:300}.relationship-bar{flex:1;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.relationship-fill{height:100%;transition:width .5s ease}.status-value{font-size:11px;color:#aaa;min-width:30px;text-align:right}.character-traits{display:flex;gap:8px;flex-wrap:wrap}.trait-tag{font-size:11px;color:#aaa;padding:4px 10px;border:1px solid rgba(255,255,255,.15);border-radius:2px;font-weight:300}.info-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.08)}.tab-button{background:transparent;border:none;color:#888;padding:10px 16px;font-size:12px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid transparent;font-family:Noto Sans SC,sans-serif;font-weight:300}.tab-button.active{color:#f0f0f0;border-bottom-color:#fff}.tab-content{flex:1;overflow-y:auto}.inventory-list,.abilities-list{display:flex;flex-direction:column;gap:8px;padding:10px 0}.inventory-item,.ability-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.inventory-item:hover,.ability-item:hover{background:#ffffff0a;border-color:#ffffff26}.item-icon,.ability-icon{font-size:14px}.item-name,.ability-name{font-size:12px;color:#d0d0d0;font-weight:300}.empty-state{text-align:center;color:#666;font-size:12px;padding:30px 10px;font-weight:300}.character-meters{display:flex;flex-direction:column;gap:12px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}.meter-row{display:flex;align-items:center;gap:10px}.meter-label{font-size:11px;color:#888;min-width:50px;font-weight:300}.meter-bar{flex:1;height:6px;background:#ffffff0d;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.meter-bar.trust .meter-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.meter-bar.suspicion .meter-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.meter-fill{height:100%;transition:width .5s ease}.character-portrait-area{grid-column:1;grid-row:2;background:#000000fa;border-right:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;padding:20px}.character-portrait-area .character-stage{position:relative;width:100%;height:100%;max-width:240px;max-height:160px;display:flex;align-items:center;justify-content:center}.character-portrait-area .character-portrait-main{width:100%;height:100%;position:relative}.character-portrait-area .portrait-frame{width:100%;height:100%;position:relative;border:1px solid rgba(255,255,255,.15)}.character-portrait-area .portrait-image{width:100%;height:100%;background:#14141999;display:flex;align-items:center;justify-content:center}.character-portrait-area .portrait-placeholder-text{color:#666;font-size:12px;font-weight:300;letter-spacing:.1em}.character-portrait-area .character-emotion{position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.character-portrait-area .emotion-tag{background:#000000e6;color:#e0e0e0;padding:4px 10px;font-size:11px;border:1px solid rgba(255,255,255,.1);font-weight:300}.narrative-log{grid-column:2;grid-row:2;background:#000000fa;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.log-content{flex:1;padding:20px 30px;overflow-y:auto}.narrative-text{font-size:14px;line-height:2;color:#d0d0d0;font-weight:300;letter-spacing:.02em}.input-zone{display:flex;gap:10px;padding:15px 20px;border-top:1px solid rgba(255,255,255,.05)}.natural-input{flex:1;background:transparent;border:1px solid rgba(255,255,255,.15);color:#e0e0e0;padding:10px 15px;font-size:13px;border-radius:0;font-family:Noto Sans SC,sans-serif;font-weight:300;outline:none;transition:all .2s ease}.natural-input:focus{border-color:#ffffff59;background:#ffffff05}.natural-input::placeholder{color:#ffffff4d}.send-button{background:transparent;border:1px solid rgba(255,255,255,.15);color:#e0e0e0;padding:10px 20px;font-size:16px;cursor:pointer;transition:all .2s ease;border-radius:0}.send-button:hover{border-color:#ffffff59;background:#ffffff0d}.character-relationship-area{grid-column:3;grid-row:2;background:#000000fa;border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08);padding:20px;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.relationship-header{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.relationship-title{font-size:14px;color:#e0e0e0;font-weight:400;letter-spacing:.05em}.meta-info{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.meta-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.meta-label{color:#888;font-weight:300}.meta-value{color:#e0e0e0;font-weight:300;font-family:Courier New,monospace}.characters-list{display:flex;flex-direction:column;gap:12px;max-height:150px;overflow-y:auto;padding:10px 0}.character-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:12px;transition:all .2s ease}.character-card:hover{background:#ffffff0a;border-color:#ffffff26}.character-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.character-card-name{font-size:13px;color:#e0e0e0;font-weight:400}.character-card-role{font-size:11px;color:#888;font-weight:300}.character-secrets{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.secrets-label{font-size:11px;color:#999;font-weight:300}.causal-feedback-bar{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#141414f2;color:#fff;padding:12px 25px;border:1px solid rgba(255,255,255,.2);border-radius:0;z-index:1000;display:flex;align-items:center;gap:12px;max-width:600px;animation:slideDown .3s ease;backdrop-filter:blur(10px)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.causal-feedback-bar .causal-icon{font-size:18px;flex-shrink:0;animation:iconPulse 1.2s ease-in-out infinite}@keyframes iconPulse{0%,to{opacity:.8}50%{opacity:1}}.causal-feedback-bar p{font-size:13px;line-height:1.5;margin:0;flex:1;font-weight:300}.error-overlay{position:fixed;bottom:20px;right:20px;background:#141414f2;color:#ef4444;padding:15px 25px;border:1px solid rgba(239,68,68,.3);border-radius:0;z-index:1000;max-width:400px;backdrop-filter:blur(10px)}.ending-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.ending-content{max-width:800px;text-align:center}.ending-title{font-size:2rem;margin-bottom:2rem;color:#f0f0f0;font-weight:300;letter-spacing:.1em}.ending-narrative{font-size:1.1rem;line-height:2;color:#d0d0d0;margin-bottom:3rem;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);font-weight:300}.ending-stats{margin-bottom:2rem}.ending-stats h3{font-size:1.3rem;color:#ccc;margin-bottom:1.5rem;font-weight:300}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-item{background:#ffffff05;padding:1.5rem;border:1px solid rgba(255,255,255,.08)}.stat-item .stat-label{display:block;font-size:.85rem;color:#888;margin-bottom:.5rem;font-weight:300}.stat-item .stat-value{display:block;font-size:1.8rem;color:#f0f0f0;font-weight:300}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media(max-width:1024px){.immersive-layout{grid-template-columns:240px 1fr 260px;grid-template-rows:1fr 180px}.character-stage{width:400px;height:500px}.title{font-size:2.5rem}.creation-content{padding:1.5rem}.theme-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){body{font-size:14px}.title{font-size:2rem;letter-spacing:.2em}.subtitle{font-size:.7rem;letter-spacing:.5em}.header{padding:2rem 0 1rem}.start-screen{padding:1rem;min-height:calc(100vh - 150px)}.start-content{max-width:100%}.game-desc{font-size:.9rem;line-height:1.8;margin-bottom:2rem}.start-buttons{flex-direction:column;gap:.8rem}.btn-primary,.btn-secondary{width:100%;padding:.8rem 1.5rem;font-size:1rem}.character-creation-screen{overflow-y:auto;-webkit-overflow-scrolling:touch}.creation-content{padding:1rem;min-height:auto}.creation-form{padding:0}.form-section{margin-bottom:2rem}.form-label{font-size:1rem}.label-icon{font-size:1.2rem}.form-input,.form-textarea{font-size:.95rem;padding:.8rem 1rem}.form-textarea{min-height:80px}.theme-grid{grid-template-columns:1fr;gap:.8rem}.theme-card{padding:.9rem}.theme-label{font-size:.95rem}.theme-description{font-size:.8rem}.creation-actions{margin-top:2rem;gap:.8rem}.immersive-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;grid-template-areas:"actions" "stage" "portrait" "hud"}.action-panel{grid-area:actions;max-height:200px;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);overflow-y:auto;-webkit-overflow-scrolling:touch}.action-list{padding:.8rem}.action-option{padding:.8rem 1rem;font-size:.9rem}.option-text{font-size:.9rem}.risk-badge{font-size:.7rem;padding:.2rem .5rem}.stage-area{grid-area:stage;min-height:250px;height:40vh}.scene-info{padding:.8rem}.location-tag{font-size:.8rem}.character-info-panel{display:none}.character-portrait-area{grid-area:portrait;position:static;width:100%;height:auto;padding:1rem;background:#00000080;border-top:1px solid rgba(255,255,255,.08)}.character-stage{width:100%;height:auto;max-width:300px;margin:0 auto}.character-portrait-main{height:250px}.portrait-frame{padding:.8rem}.character-emotion{padding:.4rem .8rem}.emotion-tag{font-size:.85rem}.meta-hud{grid-area:hud;border-right:none;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:.8rem}.hud-item{padding:.6rem}.hud-label{font-size:.7rem}.hud-value{font-size:.9rem}.narrative-log{position:fixed;bottom:0;left:0;right:0;height:auto;max-height:200px;grid-column:1;grid-row:auto}.narrative-header{padding:.6rem 1rem}.narrative-title{font-size:.85rem}.log-content{padding:.8rem;max-height:150px}.narrative-item{padding:.6rem;font-size:.85rem}.loading-screen{padding:1rem}.loading-text{font-size:1rem}.loading-subtext{font-size:.85rem}.error-msg{font-size:.8rem;padding:.8rem}.loading-container{margin-top:1.5rem}.loading-hint{font-size:.7rem}.ending-screen{padding:1rem}.ending-content{max-width:100%;padding:1.5rem}.ending-title{font-size:1.5rem;margin-bottom:1.5rem}.ending-narrative{font-size:.9rem;line-height:1.6;margin-bottom:2rem}.ending-stats h3{font-size:1rem}.stats-grid{grid-template-columns:1fr;gap:.8rem}.stat-item{padding:.8rem}.stat-label{font-size:.8rem}.stat-value{font-size:1rem}}@media(max-width:480px){.title{font-size:1.5rem;letter-spacing:.15em}.subtitle{font-size:.6rem;letter-spacing:.4em}.header{padding:1.5rem 0 1rem}.start-screen{padding:.8rem}.game-desc{font-size:.85rem;line-height:1.6}.btn-primary,.btn-secondary{font-size:.9rem;padding:.7rem 1.2rem}.creation-content{padding:.8rem}.form-section{margin-bottom:1.5rem}.form-label{font-size:.95rem}.form-input,.form-textarea{font-size:.9rem;padding:.7rem .9rem}.theme-card{padding:.8rem}.theme-label{font-size:.9rem}.theme-description{font-size:.75rem}.stage-area{min-height:200px;height:35vh}.character-portrait-main{height:200px}.action-option{padding:.7rem .9rem;font-size:.85rem}.meta-hud{grid-template-columns:1fr 1fr;gap:6px;padding:.6rem}.hud-item{padding:.5rem}.hud-label{font-size:.65rem}.hud-value{font-size:.85rem}.ending-content{padding:1rem}.ending-title{font-size:1.2rem}.ending-narrative{font-size:.85rem}.ending-stats h3{font-size:.95rem}}@media(max-width:768px)and (orientation:landscape){.start-screen{min-height:auto;padding:.5rem}.header{padding:1rem 0 .5rem}.title{font-size:1.8rem}.game-desc{margin-bottom:1.5rem}.immersive-layout{grid-template-rows:auto 1fr auto;grid-template-areas:"actions stage" "actions stage" "hud hud";grid-template-columns:200px 1fr}.action-panel{max-height:none;border-right:1px solid rgba(255,255,255,.08);border-bottom:none}.character-portrait-area{display:none}.stage-area{height:calc(100vh - 100px);min-height:auto}.character-creation-screen{padding-bottom:1rem}.creation-content{padding:1rem 2rem}.theme-grid{grid-template-columns:repeat(2,1fr)}}.save-load-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.save-load-menu{background:#141414f2;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:2rem;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.save-load-title{font-size:1.8rem;color:#f0f0f0;margin-bottom:2rem;text-align:center;letter-spacing:.1em}.save-slots{display:grid;gap:1rem;margin-bottom:2rem}.save-slot{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1rem;transition:all .3s ease}.save-slot.has-save:hover{background:#ffffff0f;border-color:#fff3}.slot-number{font-size:.9rem;color:#888;margin-bottom:.5rem;letter-spacing:.05em}.slot-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.slot-info{flex:1}.slot-player{font-size:1.1rem;color:#f0f0f0;margin-bottom:.3rem}.slot-world{font-size:.9rem;color:#aaa;margin-bottom:.3rem}.slot-meta{font-size:.75rem;color:#666;display:flex;gap:1rem}.slot-actions{display:flex;gap:.5rem}.btn-save,.btn-load,.btn-delete{padding:.5rem 1rem;border:none;border-radius:3px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-save{background:#10b981;color:#fff}.btn-save:hover{background:#059669}.btn-load{background:#3b82f6;color:#fff}.btn-load:hover{background:#2563eb}.btn-delete{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-delete:hover{background:#ef44444d}.slot-empty-content{text-align:center;padding:1rem}.empty-text{color:#666;font-size:.9rem;margin-bottom:1rem}.btn-close{width:100%;padding:.8rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:#aaa;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-close:hover{background:#ffffff0d;color:#fff}.game-controls{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:100}.control-btn{padding:.5rem 1rem;background:#0009;border:1px solid rgba(255,255,255,.2);color:#f0f0f0;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .3s ease;backdrop-filter:blur(5px)}.control-btn:hover{background:#000c;border-color:#fff6}.control-btn:active{transform:scale(.95)}.settings-panel{display:flex;gap:.3rem}.setting-btn{width:40px;height:40px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(5px)}.setting-btn:hover{background:#000c;border-color:#fff6}.setting-btn.active{background:#ffffff1a;border-color:#ffffff80}.setting-btn:active{transform:scale(.95)}.typing-cursor{animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.skip-hint{font-size:.7rem;color:#666;font-style:italic;text-align:center;margin-top:.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.loading-estimate{font-size:.9rem;color:#888;margin-top:.5rem;font-style:italic}.progress-bar-full{width:80%;max-width:400px;height:3px;background:#ffffff1a;margin:1rem auto;border-radius:2px;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.start-screen,.character-creation-screen,.ending-screen{animation:fadeIn .5s ease}.action-option{animation:slideIn .3s ease}:root{--theme-primary: #ffffff;--theme-secondary: #888888;--theme-background: #000000;--theme-text: #e0e0e0;--theme-border: #555555;--theme-accent: #ffffff}.btn-primary{border-color:var(--theme-accent)}.theme-card.selected{border-color:var(--theme-accent);box-shadow:0 0 15px var(--theme-accent)}@media(max-width:768px){.save-load-menu{padding:1.5rem}.save-load-title{font-size:1.4rem}.slot-content{flex-direction:column;align-items:flex-start}.slot-actions{width:100%}.btn-save,.btn-load,.btn-delete{flex:1;font-size:.85rem}.game-controls{top:.5rem;right:.5rem;gap:.3rem}.control-btn{padding:.4rem .8rem;font-size:.75rem}.setting-btn{width:35px;height:35px;font-size:1rem}}:root{font-family:Cinzel,Crimson Text,Georgia,serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e8e8e8;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}